﻿<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>邵阳市多层次资本市场企业数据驾驶舱</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/meui-textScroll.js"></script>
    <script type='text/javascript' src='js/jquery.simplemodal.js'></script>
    <link rel="stylesheet" href="css/meui-textScroll.css">
    <link rel="stylesheet" href="css/comon0-1.css?v=20210827-001">
    <link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />
</head>
<script>
    $(window).load(function () {
        $(".loading").fadeOut()
    })
    /****/
    $(document).ready(function () {
        var whei = $(window).width()
        $("html").css({ fontSize: whei / 20 })
        $(window).resize(function () {
            var whei = $(window).width()
            $("html").css({ fontSize: whei / 20 })
        });
    });
</script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/echarts-gl.min.js"></script>
<script type="text/javascript" src="js/sectorparams.js"></script>
<script type="text/javascript" src="js/pieparams.js"></script>
<script type="text/javascript" src="js/js-zbsc.js?v=20210829-1"></script>

<body>
    <div class="canvas" style="opacity: .2">
        <!--    <iframe frameborder="0" src="js/index.html" style="width: 100%; height: 100%"></iframe>-->
    </div>
    <div class="loading">
        <div class="loadbox"><img src="picture/loading.gif"> 数据加载中...</div>
    </div>
    <div class="head">
        <h1 class="big-title">邵阳市多层次资本市场企业数据驾驶舱</h1>
        <div class="weather"><span id="showTime"></span></div>
        <div class="filter" id="filterArea">
            筛选条件：
            <span>无</span>
        </div>

        <script>
            var t = null;
            t = setTimeout(time, 1000);//開始运行
            function time() {
                clearTimeout(t);//清除定时器
                dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours();//获取时
                var m = dt.getMinutes();//获取分
                var s = dt.getSeconds();//获取秒
                document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日 - " + h + "时" + m + "分" + s + "秒";
                t = setTimeout(time, 1000); //设定定时器，循环运行
            }

        </script>


    </div>
    <div class="mainbox">
        <ul class="clearfix">
            <li>
                <div class="boxall-title">行业分布</div>
                <div class="boxall" style="height: 3rem;padding: 0;">
                    <div class="allnav" id="echart1"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 3.12rem; padding-bottom: .1rem !important;">
                    <div style="height:100%; width: 100%;">
                        <div class="alltsmallitle-one" style="text-align: center;">企业占比分析</div>
                        <div id="echart20" style="height:80%"></div>
                    </div>
                    <div class="boxfoot">
                    </div>
                </div>
                <div style="height: 2.8rem;margin-bottom: .15rem !important;">
                    <div class="smallbox" style="float: left;">
                        <div class="alltsmallitle" style="width:100%;">专精特新</div>
                        <div id="echart22" style="width:100%;height:70%"></div>
                    </div>
                    <div class="smallbox" style="float: right;">
                        <div class="alltsmallitle" style="width:100%;">乡村振兴梯队</div>
                        <div id="echart32" style="width:100%;height:70%"></div>
                    </div>
                    <div class="boxfoot">
                    </div>
                </div>
            </li>
            <li>
                <div class="bar">
                    <div class="barbox">
                        <ul class="clearfix">
                            <li style="width:20%;" class="pulll_left counter" id="totalCom">0</li>
                            <li style="width:20%;" class="pulll_left counter changeType" id="shangshi">0</li>
                            <li style="width:20%;" class="pulll_left counter changeType" id="xinsanban">0</li>
                            <li style="width:20%;" class="pulll_left counter changeType" id="chubeishangshi">0</li>
                            <li style="width:20%;" class="pulll_left counter changeType" id="guapai">0</li>
                        </ul>
                    </div>
                    <div class="barbox2">
                        <ul class="clearfix">
                            <li style="width:20%;" class="pulll_left ">总企业</li>
                            <li style="width:20%;" class="pulll_left ">上市企业</li>
                            <li style="width:20%;" class="pulll_left ">新三板企业</li>
                            <li style="width:20%;" class="pulll_left ">储备上市企业</li>
                            <li style="width:20%;" class="pulll_left ">挂牌企业</li>
                        </ul>
                    </div>
                </div>
                <div class="map">
                    <div class="map1"><img src="picture/lbx.png"></div>
                    <div class="map2"><img src="picture/jt.png"></div>
                    <div class="map3"><img src="picture/map.png"></div>
                    <div class="map4" id="map_1"></div>
                </div>
                <div class="bar2">
                    <div class="barbox4">
                        <ul class="clearfix">
                            <li class="pulll_left counter changeType" id="total4JmCom">0</li>
                            <li class="pulll_left counter changeType" id="total4HtCom">0</li>
                            <li class="pulll_left counter changeType" id="total4RuralCom">0</li>
                            <li class="pulll_left counter changeType" id="total4GsCom">0</li>
                        </ul>
                    </div>
                    <div class="barbox3">
                        <ul class="clearfix">
                            <li class="pulll_left">JM融合企业</li>
                            <li class="pulll_left">专精特新企业</li>
                            <li class="pulll_left">乡村振兴企业</li>
                            <li class="pulll_left">规上企业</li>
                        </ul>
                    </div>
                    <!-- <div class="banquan">
                        技术支撑：邵阳产业研究院/哈工大&emsp;&emsp;版权所有：信源企服
                    </div> -->
                </div>
            </li>
            <li>
                <div class="boxall-title">企业列表</div>
                <div class="boxall" style="height:6.3rem;padding: 0;">
                    <div class="allnav" id="echart4"></div>
                    <div class="boxfoot"></div>
                </div>
                <div style="height: 2.8rem;margin-bottom: .15rem !important;">
                    <div class="smallbox" style="float: left;">
                        <div class="alltsmallitle" style="width:100%;">创新能力</div>
                        <div id="fb1" style="width:100%;height:70%"></div>
                    </div>
                    <div class="smallbox" style="float: right;">
                        <div class="alltsmallitle" style="width:100%;">经营管理能力</div>
                        <div id="fb2" style="width:100%;height:70%"></div>
                    </div>
                    <div class="boxfoot">
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <!-- modal content -->
    <div id="modal-content">
        <div class="companyName">
            <h3>湖南德沃普电气股份有限公司</h3>
        </div>
        <div class="modal-detail">
            <p class="registeredCapital">注册资本：1000万</p>
            <p class="companyContract">联系人：刘杰</p>
            <p class="companyTel">联系方式：0739-2833777</p>
            <p class="companyAddress">企业地址：邵阳市邵东市生态产业园人民东路7号</p>
            <p class="industries">所属行业：装备制造</p>
            <p class="innovates">企业创新能力：商标-10个 专利-2个</p>
            <p class="honors-iso">经营能力：荣誉-10个 体系认证-20个</p>
            <p class="property">企业属性：高新技术</p>
            <p class="companyLevel">专精特新：国家级</p>
            <p class="listedLevel">多层次资本市场：上市</p>
            <!--    <p class="clouds">两上三化：两上-上云 上平台 深度上云 三化-数字化 网络化 智能化 标杆企业-市级 省级</p>-->
            <p class="rl">乡村振兴：是</p>
        </div>
    </div>

</body>

</html>